<div ng-controller="LeftPanelController" style="position:absolute" ng-width="leftPanelWidth" ng-height="viewerHeight" class="fwr-top-layer">
    <div id="docViewer_leftLine" class="leftline switchPoint" ng-class="{expanded: !isExpanded}">
        <div class="leftlinebody">
            <div class="leftlineexpand"></div>
        </div>
    </div>
    <div id="docViewer_tabPanel" ng-show="isExpanded" class="fwr-navigation-bar-tabmenu" style="height:100%;position:relative">
        <ul id="docViewer_btnList" style="height:100%">
            <li class="fwr-left-panel fwr-left-panel-border-bottom " style="height:14px;"></li>
            <li class="fwr-left-panel fwr-left-panel-border-bottom fwr-left-panel_border_right fwr-tab-selected" id="docViewer_bmtab" style="cursor:pointer;" data-i18n="[title]ThumbNail.Title">
                <div class="fwr-bookmark-panel-icon fwr-bookmark-hot-panel-icon"></div><span class="fwr-active-panel"></span></li>
            <li class="fwr-left-panel fwr-left-panel-border-bottom fwr-left-panel_border_right" id="docViewer_thumbtab" style="cursor:pointer;" data-i18n="[title]ThumbNail.Title">
                <div class="fwr-thumbnail-panel-icon"></div><span class="fwr-active-panel"></span></li>
        </ul>
        <div id="docViewer_fxtree_panel" ng-width="leftPanelWidth-41" class="fwr-left-panel-content" style="position:absolute;overflow:hidden;top:0; left:35px;height:100%;color:#456176;border-right:1px solid #ddd">
            <div class="fwr-left-panel fwr-left-panel-border-bottom fwr-title-panel" id="docViewer_biaotou" style="color:#666666; font-size:13px">
                <div style="text-align: left;font-size: 13px;">
                    <div style="float:left;" id="docViewer_panelTitle" data-i18n="BookMark.Title">Bookmarks</div>
                </div>
                <div id="docViewer_lefthid" style="float:right;" class="fwr-hide-panel-btn"></div>
            </div>
            <div id="docViewer_fxBookmarkPanel" class="fwrJScrollPaneContainer fwrJScrollPaneScrollable" style="width: 0px; height: 0px; overflow: auto;">
                <div class="fwr-dtree">
                    <div class="fwr-dTreeNode" style="display:none"><img id="idocViewer_bm_0" src="" alt="" class="bookmarkNode" nodeid="0"><a class="node bookmarkNode" nodeid="0"><span id="docViewer_bm_0" title="" class="bookmarkNode" nodeid="0"></span></a></div>
                </div>
            </div>
            <div id="docViewer_fxThumbView" class="fwr-hidden fwrJScrollPaneContainer fwrJScrollPaneScrollable ">
                <div id="docViewer_fxThumbView_ThumbsViewContainer" class="fwr-pages" style="height: 100px; width: 100%; overflow: auto; position: relative;">
                    <div id="docViewer_fxThumbView_ThumbsViewContainer_ThumbContainer_0" class="fwr-display-inline-block fwr-thumb-page " style="position:relative;display:inline-block;margin-left:10px;height:179px;width:138px;">
                        <div id="docViewer_fxThumbView_ThumbsViewContainer_Wrap_0" class="thumbimage border" style="background-color:white;cursor:pointer;height:149px;width:115.13636363636363px;left:50%;position:absolute;margin-left:-57.56818181818181px;top:50%;margin-top:-84.5px;" page-index="0"></div><img alt="" src="" id="docViewer_fxThumbView_ThumbsViewContainer_BG_0" class="fwr-hidden thumbimage border fwr-thumb-image-emphasized" style="height:149px;width:115.13636363636363px;left:50%;position:absolute;margin-left:-57.56818181818181px;top:50%;margin-top:-84.5px;;background-size:cover;" page-index="0">
                        <div id="docViewer_fxThumbView_ThumbsViewContainer_Loader_0" class="fwr-page-loading"></div>
                        <div class="fwr-page-number" style="width:20px;position:absolute;bottom:1px;left:50%;text-align:center;margin-left:-10px"><span id="docViewer_fxThumbView_ThumbsViewContainer_PageNum_0" class="fwr-page-number-focus">1</span></div>
                    </div>
                </div>
            </div>
        </div>
    </div>   
</div>
